const color = require('tailwindcss/colors')
module.exports = {
  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      backgroundImage: theme => ({
        "clockbg": "url('./src/assets/clockbg.png')",
        "2016":"url('./src/assets/2016.png')",
        "title":"url('./src/assets/taobao/190title.jpg')",
        "scope":"url('./src/assets/taobao/scope.png')",
        "pic":"url('./src/assets/taobao/1.jpg')"
      })
    },
    colors: {
      orange: color.orange,
      red: color.red,
      black: color.black,
      white: color.white,
      green: color.green,
      gray: color.gray,
      blue: color.blue,
      myGray: {
        one: '#424242'
      },
      myBlue: {
        one: '#697d8b'
      },
      myRed: {
        one: '#fd7a72'
      }
    },
    backgroundImage: {
      "mobile": "url('src/assets/mobile.png')"
    }
  },
  variants: {
    extend: {},
  },
  plugins: [],
}
